﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="frmCrearUsuario.aspx.cs" Inherits="Apa.Forms.frmCrearUsuario" EnableViewState="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>

    <style>
    
    
    /* #### bootstrap Form #### */
.bootstrap-frm {
    margin-left:auto;
    margin-right:auto;

    max-width: 500px;
    background: #FFF;
    padding: 20px 30px 20px 30px;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #888;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #DDD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.bootstrap-frm h1 {
    font: 25px "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0px 0px 10px 40px;
    display: block;
    border-bottom: 1px solid #DADADA;
    margin: -10px -30px 30px -30px;
    color: #888;
}
.bootstrap-frm h1>span {
    display: block;
    font-size: 11px;
}
.bootstrap-frm .label {
    display: block;
    margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
    float: left;
    width: 20%;
    text-align: right;
    padding-right: 10px;
    margin-top: 10px;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
}
.bootstrap-frm input[type="text"],input[type="email"],input[type="password"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{
    border: 1px solid #CCC;
    color: #888;
    height: 20px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 70%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.bootstrap-frm input[type="date"]{
    border: 1px solid #CCC;
    color: #888;
    height: 20px;
    line-height:15px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0px 5px 5px;
    width: 25%;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
         
        }

.bootstrap-frm select {
    background: #FFF url('down-arrow.png') no-repeat right;
    background: #FFF url('down-arrow.png') no-repeat right;
    appearance:none;
    -webkit-appearance:none; 
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    width: 70%;
    height: 35px;
    line-height:15px;
}
.bootstrap-frm textarea{
    height:100px;
    padding: 5px 0px 0px 5px;
    width: 70%;
}
.bootstrap-frm .button {
    background: #FFF;
    border: 1px solid #CCC;
    padding: 10px 25px 10px 25px;
    color: #333;
    border-radius: 4px;
}
.bootstrap-frm .button:hover {
    color: #333;
    background-color: #EBEBEB;
    border-color: #ADADAD;
}
    
    </style>

    <script>
    
        var password = document.getElementById("tbContrasena");
        var  confirm_password = document.getElementById("tbConfirmarContrasena");

        function validatePassword() {
            if (password.value != confirm_password.value) {
                confirm_password.setCustomValidity("La contraseña no coincide con confirmar contraseña");
            } else {
                confirm_password.setCustomValidity('');
            }
        }

//        password.onchange = validatePassword;
//        confirm_password.onkeyup = validatePassword;
    </script>
</head>
<body>
<form id="Form1" runat="server" class="bootstrap-frm">
    <h1>Crear Usuario 
        <span>Permite crear el usuario asignado a un programa de una institución</span>
    </h1>
    <label class="label">
        <span>Nombre del programa :</span>
        <asp:TextBox ID="tbPrograma" runat="server" 
        placeholder="Nombre del Programa" Enabled="False" required></asp:TextBox>


        <span>Usuario :</span>
         <asp:TextBox ID="tbNombreUsuario" runat="server" placeholder="Nombre del Usuario" required></asp:TextBox>

      
        <span>Contraseña :</span>
       <asp:TextBox ID="tbContrasena" runat="server" placeholder="Contraseña" 
        TextMode="Password" required></asp:TextBox>

           <span>Confirmar Contraseña:</span>
       <asp:TextBox ID="tbConfirmarContrasena" runat="server" placeholder="Confirmar Contraseña" 
        TextMode="Password" required></asp:TextBox>
        
        </label>

          
     <div class="label">
        <span>&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
        
         <asp:Button ID="btAgregar" runat="server" Text="Agregar" class="button" 
        onclick="btAgregar_Click" />
            &nbsp; 
   
    <label>
        
      
         <asp:CheckBoxList ID="ckbModulos" runat="server">
         </asp:CheckBoxList>
         </label>
    </div><br/>
   <div>

    
   
       <asp:GridView ID="gvUsuarios" runat="server" AutoGenerateColumns="False" 
           Width="100%" onrowdatabound="GridView1_RowDataBound">
       <Columns>
         <asp:CommandField ShowSelectButton="True"  Visible="false"/>
    

       <asp:TemplateField HeaderText="Usuario">
                 <ItemTemplate>
                    <asp:Label ID="nombre" Width="20%" runat="server" Text='<%# Eval("nombre") %>' />
                 </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField   HeaderText="REGISTRO CALIFICADO"  />
        <asp:BoundField   HeaderText="ALTA CALIDAD"  />
        
     
                                

       </Columns>
       </asp:GridView>

      
   
       <br />

      
   
   </div>

        <div class="label">
        <span>&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
        
         <asp:Button ID="btGuardar" runat="server" Text="Guardar" class="button" formnovalidate
        onclick="btGuardar_Click" />
          
    </div>  
    

  
</form>
</body>
</html>

